@font-face {
	font-family: verdana;
	src:url('fonts/verdana.woff'),
		url('fonts/verdana.woff2'),  
		url('fonts/verdana.ttf'),
		url('fonts/verdana.svg'),
		url('fonts/verdana.eot');
}

$color:#af1920;
$color2:#898989;
html{font-size: 20px ;}
@media only screen and (min-width: 360px){
	html{font-size: 20px !important;}
}
@media only screen and (min-width: 435px){
	html{font-size: 30px !important;}
}
@media only screen and (min-width: 500px){
	html{font-size: 36px !important;}
}
@media only screen and (min-width: 750px){
	html{font-size: 40px !important;}
}
@function pe($px){
	@return 1rem * $px / 40px;
}
input[type="text"]{
	padding:0;
	-webkit-appearance: none;
}
.tits{
	width:100%;
	overflow:hidden;
	.tit{
		width:70%;
		float:left;
		height:auto;
		p{
			font-size: pe(36px);
			color:$color;
			span{
				font-size: pe(20px);
				margin-left: pe(8px);
				font-family:Verdana;
				color:#898989;
				@media (min-width:320px) and (max-width:435px){
					font-size: 12px;
				}
			}
		}
	}
	.more{
		width:30%;
		float:right;
		text-align:right;
		a{
			width:100%;
			height:100%;
			display: inline-block;
			padding-top: pe(18px);
			color:$color2;
			font-size: pe(18px);
			@media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
		}
	}
}
.header_main{
	width:93%;
	padding:0 3.5%;
	height:pe(100px);
	background: url(../img/header.jpg) no-repeat;
	background-position:100% 100%; 
	.logo{
		width:28%;
		height:pe(100px);
		float:left;
		line-height:pe(100px);
		a{
			width:100%;
			height:100%;
			display: block;
			img{
				width:100%;
				height: auto;
				display: inline-block;
				vertical-align: middle;
			}
		}	
	}
	.menu{
		width:pe(70px);
		height:pe(37px);
		background: url(../img/menu.png) no-repeat right center;
		background-size:pe(51px) pe(37px); 
		float:right;
		margin-top: pe(30px);
		border-left:1px solid #e9e9e8;
	}

    .search {
        width:30px;
        height:50px;
        float: right;
       	margin-right:pe(20px);
        position: relative;
        .searh {
            position: absolute;
            margin-top: pe(20px);
            width:30px;
            height:30px;
            border: 1px solid #ccc;
            border-radius: 25px;
            background: url(../img/search.png) no-repeat center center;
            @media (min-width:425px) and (max-width:450px){
				margin-top: pe(25px);
			}
			 @media (min-width:451px) and (max-width:500px){
				margin-top: pe(28px);
			}
			 @media (min-width:501px) and (max-width:550px){
				margin-top: pe(32px);
			}
			 @media (min-width:551px) and (max-width:600px){
				margin-top: pe(33px);
			}
			 @media (min-width:601px) and (max-width:650px){
				margin-top: pe(34px);
			}
			 @media (min-width:651px) and (max-width:700px){
				margin-top: pe(30px);
			}
			 @media (min-width:701px) and (max-width:750px){
				margin-top: pe(30px);
			}
        }
        .s {
            position: absolute;
            width: 0;
            height:25px;
            left: 0;
            top: 12px;
            display: none;
            border: 1px solid #ccc;
            border-radius: 13px;
            @media (min-width:425px) and (max-width:450px){
				 top: 22px;
			}
			 @media (min-width:451px) and (max-width:500px){
				top:24px;
			}
			 @media (min-width:501px) and (max-width:550px){
				top:30px;
			}
			 @media (min-width:551px) and (max-width:600px){
				top: 33px;
			}
			 @media (min-width:601px) and (max-width:650px){
				top:33px;
			}
			 @media (min-width:651px) and (max-width:700px){
				top:32px;
			}
			 @media (min-width:701px) and (max-width:750px){
				top:30px;
			}
            .text {
                width:100px;
                float: left;
                display: inline-block;
                border-radius: 13px;
                height: 25px;
                border: none;
                text-indent: 1em;
            }
            .submit {
                width: 25px;
                border: none;
                height: 26px;
                border: none;
                display: inline-block;
                background: url(../img/search.png) no-repeat center center;
            }
        }
    }
}
.banner2{
	width:100%;
	overflow:hidden;
	position:relative;
	img{
		width:100%;
		height:auto;
	}
	.firm{
		position:absolute;
		color:#fff;
		text-align:right;
		top:pe(50px);
		right:13.3%;
		.en{
			font-family: Verdana;
			font-size: pe(30px);
			padding-bottom: pe(20px);
			background:url(../img/white.png) no-repeat;
			background-position:100% 100%; 
			color:#fff;
		}
		.chinese{
			font-size: pe(31px);
			padding-top: pe(20px);
			color:#fff;
		}
	}
}
.new45{
	width:100%;
	overflow:hidden;
	background: url(../img/new45.jpg) no-repeat;
	background-position:100% 100%; 
	background-size:pe(750px) pe(3600px); 
	.new_c{
		width:93%;
		margin:0 auto;
		padding-top: pe(50px);
		height:auto;
		img{
			max-width: 100%;
		}
		.fo {
	        width: 100%;
	        line-height:pe(50px);
	        height:pe(50px);
	        padding-bottom: pe(50px);
	        .reset {
	            float: right;
	            width:40%;
	            text-align:right;
	            a {
	                color: $color2;
	                font-size:pe(26px);
	                img{
	                	width:pe(25px);
	                	height:pe(25px);
	                	vertical-align:middle;
	                }
	            }
	        }
	        .tt {
	            width:58%;
	            float: left;
	            height:100%;
	            line-height: pe(50px);
	            .shang {
	                padding-left:pe(10px);
	                width:40%;
	                
	            }
	            .xia{
	                padding-right:pe(10px);
	                 width:40%;
	            }
	            a {
	                font-size: pe(26px);
	                color: $color2;
	                text-align: center;
	                display: inline-block;
	                img{
	                	width:pe(25px);
	                	height:pe(25px);
	                	vertical-align:middle;
	                }
	            }
	        }
	    }
	   .titlle{
		   font-size:pe(22px);
		   color: $color2;
		   padding-bottom: pe(10px);
		   font-family: Verdana;
		   border-bottom:1px solid $color2;
		   @media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
		}
		.news_d{
			width:100%;
			height:auto;
			padding-top: pe(20px);
			padding-bottom:pe(40px);
			p{
				font-size: pe(24px);
				color:$color2;
				text-indent: 1em;
				padding-bottom:pe(10px);
			}
		}
		.bt{
			width:100%;
			height:auto;
			font-size: pe(24px);
			padding-top: pe(15px);
			color:$color2;
			border-bottom:1px solid #e5e5e5;
			color:$color;
			font-weight: bold;
			padding-bottom:pe(10px);
			p:last-child{
				font-size: pe(18px);
				color: $color2;
				line-height: pe(24px);
				font-weight: normal;
			}
		}
		.nzx{
			width:98.5%;
			height:pe(165px);
			padding-left: 1.5%;
			position:relative;
			 border-bottom:1px solid $color2;
			div{
				height:pe(165px);
				width:auto;
				line-height:pe(165px);
				img{
					width:pe(299px);
					height:pe(99px);
					vertical-align:middle;
				}
			}
			
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(90px);
				left:pe(320px);
			}
		}
		.day{
		  font-size:pe(24px);
		  color:$color2;
		  padding-top: pe(20px);
		  text-align:right;
		  padding-bottom:pe(20px);
		  width:100%;
			em{
			   vertical-align:middle;
			   font-style:normal;
			    font-size:pe(24px);
			}
			span{
			   font-size:pe(40px);
			   vertical-align: middle;
			   color:$color;
			}
			img{
				width:pe(10px);
				height:pe(10px);
				margin-right:pe(5px);
				margin-left: pe(5px);
				vertical-align:middle;
			}
		    a{
				font-size:pe(24px);
				color: $color2;
				margin-left:pe(10px);
				vertical-align:middle;
				display:inline-block;
		    }
		}
		.mx{
			width:100%;
			height:auto;
			padding-bottom: pe(30px);
			margin-bottom: pe(10px);
			a{
				width:100%;
				height:100%;
				display: block;
				.pic{
					width:100%;
					margin-top: pe(10px);
					height:auto;
					overflow:hidden;
					img{
						width:100%;
						height:auto;
					}
				}
				.mx_r{
					width:86%;
					padding:pe(50px) 7% 0 7%;
					height:auto;
					padding-bottom:pe(70px);
					background: url(../img/he.jpg) no-repeat right center #dedcdc;
					background-size:pe(700px) pe(377px); 
					.cf{
						 background: url(../img/bb.png) no-repeat bottom left;
						 font-size: pe(26px);
						 padding-bottom:pe(10px);
						 color:$color;
						 span{
						 	font-size: pe(30px);
						 	color: #000;
						 	font-weight: bold;
						 	float:right;
						 }
					} 
					.dtal{
						font-size: pe(24px);
						color:$color2;
						padding-top: pe(30px);
					}
					.more{
						width:16.6%;
						height:pe(35px);
						background: url(../img/more.png) no-repeat center center;
						border:1px solid $color2;
						border-radius:pe(10px);
						margin-top: pe(40px);
						
					}
				}
			}
		}
		.loading{
			width:100%;
			height:auto;
			img{
				width:pe(56px);
				height: pe(56px);
				display:block;
				margin:0 auto;
				display:none;
			}
		}
	}
}

.ins{
	width:100%;
	overflow:hidden;
	background: url(../img/ab3.jpg) no-repeat;
	background-position:100% 100%;
	background-size:pe(750px) pe(2777px);  
	img{
		max-width:100%;
	}
	.navigation{
		width:100%;
		height:pe(75px);
		background:#e0dede;
		.nav{
			width:80%;
			height:pe(74px);
			margin:0 auto;
			border-bottom:1px solid #e5e5e5;
			background: #fff;
			div:last-child{
				background: none;
			}
			div{
				width:33.3%;
				height:pe(74px);
				float: left;
				background:url(../img/right.jpg) no-repeat right center;
		 		background-size:1px pe(22px);
		 		font-size: pe(26px);
		 		&.cr{
		 			background: $color;
		 			a{
		 				color:#fff;
		 			}
		 		}
				a{
					width:100%;
					height: 100%;
					display:block;
					color:#000;
					text-align:center;
					line-height: pe(74px);
				}
			}
		}
	}
	.wrap5{
		width:93%;
		height:auto;
		margin:0 auto;
		padding-bottom:pe(50px);
		padding-top: pe(50px);
		.titlle{
		   font-size:pe(22px);
		   color: $color2;
		   padding-bottom: pe(10px);
		   font-family: Verdana;
		   border-bottom:1px solid $color2;
		   @media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
		}
		.company{
			width:100%;
			height:auto;
			padding-bottom:pe(50px);
			padding-top: pe(20px);
			h4{
				font-size: pe(26px);
				color:$color2;
				font-weight: bold;
			}
			p{
				font-size: pe(24px);
				color:$color2;
				padding-bottom:pe(10px);
			}
		}
		.nzx1{
			width:98.5%;
			height:pe(170px);
			padding-left: 1.5%;
			position:relative;
			border-bottom:1px solid $color2;
			div{
				height:pe(170px);
				width:auto;
				line-height:pe(170px);
				img{
					width:pe(328px);
					height:pe(89px);
					vertical-align:middle;
				}
			}
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(90px);
				left:pe(350px);
			}
		}
		.nzx{
			width:98.5%;
			height:pe(170px);
			padding-left: 1.5%;
			position:relative;
			 border-bottom:1px solid $color2;
			div{
				height:pe(170px);
				width:auto;
				line-height:pe(170px);
				img{
					width:pe(469px);
					height:pe(110px);
					vertical-align:middle;
				}
			}
			
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(90px);
				left:pe(470px);
			}
		}
		.zj{
			width:100%;
			padding-top: pe(40px);
			height:auto;
			p{
				font-size: pe(24px);
				color:$color2;
				span{
					font-weight: bold;
				}
			}
		}
		.company_l{
			padding-top: pe(30px);
			width:93%;
			height:auto;
			padding-left: 7%;
			img{
				width:pe(239px);
				height:pe(375px);
			}
		}
		.camera{
			width:100%;
			height:auto;
			padding-top: pe(50px);
			margin-bottom: pe(10px);
			img{
				width:100%;
				height:auto;
			}
		}
		.pic{
			width:100%;
			height:auto;
			img{
				width:100%;
				height:auto;
			}
		}
		.stone{
			width:100%;
			height: auto;
			font-size: pe(24px);
			color:$color2;
			padding-top: pe(45px);
			div{
				width:100%;
				height:auto;
				text-align: center;
				img{
					width:pe(738px);
					height:pe(270px);
				}
			}
		}
		.titlle{
		   font-size:pe(22px);
		   color: $color2;
		   padding-bottom: pe(10px);
		   font-family: Verdana;
		   border-bottom:1px solid $color2;
		   @media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
		}
		.nzx{
			width:98.5%;
			height:pe(108px);
			padding-left: 1.5%;
			position:relative;
			 border-bottom:1px solid $color2;
			div{
				height:pe(108px);
				width:auto;
				line-height:pe(108px);
				img{
					width:pe(246px);
					height:pe(57px);
					vertical-align:middle;
				}
			}
			
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(45px);
				left:pe(270px);
			}
		}
		.nzx2{
			width:98.5%;
			height:pe(108px);
			padding-left: 1.5%;
			position:relative;
			 border-bottom:1px solid $color2;
			div{
				height:pe(108px);
				width:auto;
				line-height:pe(108px);
				img{
					width:pe(456px);
					height:pe(70px);
					vertical-align:middle;
				}
			}
			
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(40px);
				left:pe(480px);
			}
		}
		.present{
			color:$color2;
			font-size: pe(24px);
			padding-top: pe(45px);
			padding-bottom:pe(40px);
			p{
				padding-bottom:pe(10px);
			}
		}
	}
}
.contact{
	width:100%;
	overflow:hidden;
	background: url(../img/co.jpg) no-repeat;
	background-position:100% 100%; 
	background-size:pe(750px) pe(1419px); 
	.navigation{
		width:100%;
		height:pe(75px);
		background:#e0dede;
		.nav{
			width:80%;
			height:pe(74px);
			margin:0 auto;
			border-bottom:1px solid #e5e5e5;
			background: #fff;
			div:last-child{
				background: none;
			}
			div{
				width:33.3%;
				height:pe(74px);
				float: left;
				background:url(../img/right.jpg) no-repeat right center;
		 		background-size:1px pe(22px);
		 		font-size: pe(26px);
		 		&.cr{
		 			background: $color;
		 			a{
		 				color:#fff;
		 			}
		 		}
				a{
					width:100%;
					height: 100%;
					display:block;
					color:#000;
					text-align:center;
					line-height: pe(74px);
				}
			}
		}
	}
	.wrapp{
		width:93%;
		height:auto;
		margin:0 auto;
		padding-top: pe(50px);
		.titlle{
		   font-size:pe(22px);
		   color: $color2;
		   padding-bottom: pe(10px);
		   font-family: Verdana;
		   border-bottom:1px solid $color2;
		   @media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
		}
		.nzx1{
			width:98.5%;
			height:pe(170px);
			padding-left: 1.5%;
			position:relative;
			border-bottom:1px solid $color2;
			div{
				height:pe(170px);
				width:auto;
				line-height:pe(170px);
				img{
					width:pe(328px);
					height:pe(89px);
					vertical-align:middle;
				}
			}
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(90px);
				left:pe(350px);
			}
		}
		.nzx3{
			width:98.5%;
			height:pe(170px);
			padding-left: 1.5%;
			position:relative;
			border-bottom:1px solid $color2;
			div{
				height:pe(170px);
				width:auto;
				line-height:pe(170px);
				img{
					width:pe(415px);
					height:pe(89px);
					vertical-align:middle;
				}
			}
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(90px);
				left:pe(440px);
			}
		}
		.map1{
            width:100%;
            height:pe(530px);
            position: relative;
            margin-top: pe(35px);
            #map {
                width:100%;
                height:100%;
                .anchorBL{    
				  display:none;    
				}  
            }
            p {
                width: 96.5%;
                height:pe(55px);
                background: $color;
                opacity: 0.8;
                position: absolute;
                top:pe(475px);
                left: 0;
                filter:alpha(opacity=80);
                color: #fff;
                z-index: 4656;
                line-height:pe(55px);
                font-size:pe(24px);
                display: block;
                padding-left:3.5%;
            }
        }
		
		.tell{
			width:100%;
			overflow:hidden;
			padding-top: pe(50px);
			padding-bottom:pe(40px);
			.phone:last-child{
				border-bottom:none;
			}
			.phone{
				width:100%;
				overflow:hidden;
				height:pe(120px);
				border-bottom:1px solid #f1f1f1;
				.photos{
					width:14.2%;
					min-height:pe(120px);
					line-height:pe(120px);
					float:left;
					img{
						width:pe(58px);
						height:pe(58px);
						vertical-align: middle;
					}
				}
				.con1{
					width:85%;
					height:auto;
					float:left;
					.te{
						font-size: pe(22px);
						color:$color2;
						padding-top:pe(40px);
						line-height: pe(22px); 
						font-family: Verdana;
						@media (min-width:320px) and (max-width:435px){
							font-size: 12px;
						}
					}
					.number{
						font-size: pe(26px);
						color:$color2;
						line-height: pe(28px);
						line-height: pe(40px);
						font-family: Verdana;
						@media (min-width:430px) and (max-width:600px){
							font-size:pe(22px);
						}
					}
				}
			}
		}
	}
}
.join{
	width:100%;
	overflow:hidden;
	img{
		max-width:100%;
	}
	.navigation{
		width:100%;
		height:pe(75px);
		background:#e0dede;
		.nav{
			width:80%;
			height:pe(74px);
			margin:0 auto;
			border-bottom:1px solid #e5e5e5;
			background: #fff;
			div:last-child{
				background: none;
			}
			div{
				width:33.3%;
				height:pe(74px);
				float: left;
				background:url(../img/right.jpg) no-repeat right center;
		 		background-size:1px pe(22px);
		 		font-size: pe(26px);
		 		&.cr{
		 			background: $color;
		 			a{
		 				color:#fff;
		 			}
		 		}
				a{
					width:100%;
					height: 100%;
					display:block;
					color:#000;
					text-align:center;
					line-height: pe(74px);
				}
			}
		}
	}
	.wrapp{
		width:93%;
		height:auto;
		padding:0 3.5%;
		padding-top: pe(50px);
		background: url(../img/join2.jpg) no-repeat;
		background-position:100% 100%; 
		.tit1{
			font-size: pe(26px);
			padding-top: pe(20px);
			color:$color2;
			border-bottom:1px solid #e5e5e5;
			padding-bottom:pe(10px);
		}
		.input-group{
			width:100%;
			height:auto;
			padding-top:pe(25px);
			font-size: pe(24px);
			color:$color2;
			label{
				font-size: pe(24px);
				width:23%;
				height:auto;
				text-align:right;
				display: inline-block;
				color:#000;
				&.pj{
					vertical-align: top;
				}
				span{
					color:red;
					margin-left: pe(10px);
				}
			}
			input[type="text"]{
				width:66%;
				height:pe(50px);
				border:1px solid $color2;
				text-indent: 1em;
				color:$color2;
				display: inline-block;
			}
			input[type="radio"]{
				width:pe(20px);
				height:pe(20px);
				vertical-align: middle;
				display: inline-block;
			}
			textarea{
				width:66%;
				height:pe(250px);
				border:1px solid $color2;
				text-indent: 1em;
				color:$color2;
				resize: none;
				display: inline-block;
			}

			.women{
				margin-left: pe(60px);
			}	
		}
		.tis{
			width:77%;
			height:auto;
			padding-left:23%; 
			color:$color2;
			font-size:pe(22px);
			@media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
			span{
				color:red;
			}
		}
		.btn-box{
			width:77%;
			height:auto;
			padding-left: 23%;
			padding-bottom:pe(80px);
			padding-top: pe(50px);
			font-size: pe(22px);
			color:#fff;
			@media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
			input{
				width:pe(160px);
				height:pe(45px);
				display: inline-block;
				border:none;
				padding:0;
				margin-right: pe(30px);
			}
			.sub{
				background: $color;
			}
			.reset{
				background: $color2;
			}
		}
		.titlle{
		   font-size:pe(22px);
		   color: $color2;
		   padding-bottom: pe(10px);
		   font-family: Verdana;
		   border-bottom:1px solid $color2;
		   @media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
		}
		.nzx3{
			width:98.5%;
			height:pe(170px);
			padding-left: 1.5%;
			position:relative;
			border-bottom:1px solid $color2;
			div{
				height:pe(170px);
				width:auto;
				line-height:pe(170px);
				img{
					width:pe(232px);
					height:pe(89px);
					vertical-align:middle;
				}
			}
			p{
				font-size: pe(24px);
				color:$color2;
				position:absolute;
				top:pe(90px);
				left:pe(260px);
			}
		}	
	}
    .rec:nth-child(odd){
		background:url(../img/bgg2.jpg) no-repeat center center #fff;
		background-size:pe(750px) pe(680px); 	
	}
	.rec:nth-child(even){
		background:url(../img/bggg.jpg) no-repeat center center #f6f6f6;
		background-size:pe(750px) pe(680px); 	
	}
	.rec{
		width:93%;
		overflow:hidden;
		padding:0 3.5%;
		padding-top: pe(30px);
		.responsibility{
			border-bottom:1px solid #e1e1e1;	
			font-size: pe(30px);
			padding-bottom:pe(25px);
			overflow: hidden;
			.zr{
				width:50%;
				height:auto;
				color:$color;
				float: left;
			}
			.recuir{
				width:50%;
				height:auto;
				float:right;
				text-align:right;
				padding-top: pe(7px);
				a{
					width:pe(185px);
					height:pe(45px);
					background: $color;
					display:block;
					color:#fff;
					float:right;
					text-align:center;
					font-size: pe(24px);
					line-height: pe(45px);
				}
			}
		}
	}
    .task {
        border-bottom: 1px solid #e0e0e0;
        font-size:pe(26px);
        line-height: pe(26px);
        color: $color2;
        padding-bottom:pe(10px);
        padding-left: 2.8%;
        padding-top: pe(15px);
        background: url(../img/rl.png) no-repeat left center;
        span {
            color: $color2;
            opacity: 0.5;
            filter:alpha(opacity=50);
            font-size:pe(18px);
            font-family: Verdana;
            padding-left:pe(10px);
            @media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
        }
    }
    .task_detail {
    	width:100%;
    	overflow:hidden;
    	border-bottom:1px solid #e1e1e1;
    	padding-bottom:pe(10px);	
        p {
            font-size:pe(24px);
            color: $color2;
            padding-top:pe(5px);
        }
    }
    .requirement{
    	 border-bottom: 1px solid #e0e0e0;
        font-size:pe(26px);
        color: $color2;
        padding-bottom:pe(10px);
        line-height: pe(26px);
 		padding-top: pe(15px);
        padding-left: 2.8%;
        background: url(../img/rl.png) no-repeat left center;
        span {
            color: $color2;
            opacity: 0.5;
            filter:alpha(opacity=50);
            font-size: pe(18px);
            font-family: Verdana;
            padding-left:pe(10px);
            @media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
        }
    }
    .require_detail{
    	width:100%;
    	height:auto;
    	padding-top:pe(10px);
    	padding-bottom:pe(40px);
    	p{
    		font-size: pe(24px);
    		color:$color2;
    	}
    }
    .page{
    	width:100%;
    	height:auto;
    	padding-top: pe(50px);
    	padding-bottom:pe(80px);
    	img{
    		width:100%;
    		height:auto;
    	}
    }
}
.content2{
	width:100%;
	overflow:hidden;
	background:url(../img/td.jpg) no-repeat right center;
	.navigation{
		width:100%;
		height:pe(75px);
		background:#e0dede;
		.nav{
			width:80%;
			height:pe(74px);
			margin:0 auto;
			border-bottom:1px solid #e5e5e5;
			background: #fff;
			div:last-child{
				background: none;
			}
			div{
				width:33.3%;
				height:pe(74px);
				float: left;
				background:url(../img/right.jpg) no-repeat right center;
		 		background-size:1px pe(22px);
		 		font-size: pe(26px);
		 		&.cr{
		 			background: $color;
		 			a{
		 				color:#fff;
		 			}
		 		}
				a{
					width:100%;
					height: 100%;
					display:block;
					color:#000;
					text-align:center;
					line-height: pe(74px);
				}
			}
		}
	}
	.person {
        width: 100%;
        height:auto;
        .pl {
            width:10%;
            height:pe(370px);
            position:relative;
            z-index: 10;
            float: left;
            background: url(../img/lh.png) no-repeat center center #e0dede;
            background-size:pe(22.4px) pe(43.2px); 
        }
        .personal{
        	width:80%;
        	float:left;
        	height:auto;
        	.person-swiper{
            	width:100%;
            	height:auto;
            	float:left;
            	padding-bottom:pe(20px);
            	.swiper-wrapper{
            		width:50%;
            		.swiper-slide{
            			width:100%;
            			height:auto;
            			.pic{
            				width:50%;
            				height:auto;
            				float:left;
            				overflow:hidden;
            				img{
            					width:100%;
            					height:auto;
            					-webkit-filter: grayscale(100%);
            					&.gray{
            						-webkit-filter: grayscale(0);
            					}
            				}
            			}
            		}
            	}
            }
        }
        .pr {
            width: 10%;
            height:pe(370px);
            float: right;
            cursor: pointer;
            position:relative;
            z-index: 10;
            background: url(../img/rh.png) no-repeat center center #e0dede;
            background-size:pe(22.4px) pe(43.2px); 
        }
    }
    .position{
    	width:100%;
    	height:auto;
    	.position_cen{
    		width:93%;
    		height:auto;
    		padding-top: pe(70px);
    		margin:0 auto;	
    		.name2{
    			font-size: pe(35px);
    			color:$color;
    			div{
    				width:75%;
    				float:left;
    			}
    			.zw{
    				color:#000;
    				width:25%;
    				font-size: pe(24px);
    				line-height: pe(70px);
    			}
    		}
    		.pe_in{
    			font-size: pe(24px);
    			color:$color2;
    			padding-top: pe(30px);
    			background: url(../img/bb2.png) no-repeat bottom left;
                padding-bottom:pe(35px);       
    		}
    		.tz{
    			font-size: pe(24px);
    			color:$color2;
    			padding-top: pe(30px);
    		}
    		.wining{
    			width:100%;
    			height:auto;
    			padding-top: pe(40px);
    			.awards{
    				font-size: pe(24px);
    				color:#000;
    				font-weight: bold;
    			}
    			.win_detail{
    				font-size: pe(24px);
    				color:$color2;
    				padding-top: pe(10px);
    				padding-bottom:pe(35px);
    			}
    		}
    	}
    	.posr{
    		width:100%;
    		height: auto;
    		background:url(../img/js.jpg) no-repeat;
    		background-position:100% 100%; 
    		.Produced{
    			width: 100%;
    			height:auto;
    			padding-top: pe(50px);
    			.video{
    				font-size: pe(24px);
    				width:93%;
					margin:0 auto;
    				color: #000;
    				padding-bottom:pe(40px);
    				font-weight: bold;
    				border-bottom:1px solid #b7b9bd;
    			}
    			.video_d{
    				width: 93%;
    				padding-top: pe(40px);
    				margin:0 auto;
    				color:#000;
    				font-size: pe(24px);
    				padding-bottom:pe(50px);
    				border-bottom:1px solid #b7b9bd;
    			}
    		}
    		.Produced2{
    			width: 100%;
    			height:auto;
    			padding-top: pe(50px);
    			padding-bottom:pe(220px);
    			.video{
    				font-size: pe(24px);
    				width:93%;
					margin:0 auto;
    				color: #000;
    				padding-bottom:pe(40px);
    				font-weight: bold;
    				border-bottom:1px solid #b7b9bd;
    			}
    			.video_d{
    				width: 93%;
    				padding-top: pe(40px);
    				margin:0 auto;
    				color:#000;
    				font-size: pe(24px);
    				padding-bottom:pe(50px);
    			}
    		}
    	}
    }
}
.banner {
	position:relative; overflow:hidden;height:100%;
}
.banner img{
	width: 100%;
	height:auto;
	display: block;
}
.banner .pagination {
	position: absolute;
	bottom: pe(25px);
	left: 0;
	z-index: 1;
	width: 100%;
	height: 15px;
	text-align: center; 
}

.banner .pagination span {
	display: inline-block;
	width:pe(25px) !important;
	height:pe(5px)!important;
	overflow: hidden;
	margin: 0 2px;
	padding:0;
	background: #fff;
}
.banner .pagination span.swiper-pagination-bullet-active {
	background:$color !important; 

}

.banner .swiper-container{
	width:100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.banner .swiper-slide{
	text-align: center;
	overflow:hidden;
	background: #fff;
	overflow:hidden;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner .swiper-container-horizontal>.swiper-pagination{
	width:15.5%!important;
	// bottom:-1.5rem!important;
	left:40%!important;
}
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 pe(5px)!important;
	border-radius:0;
}


.banner .swiper-pagination-bullet{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background: #fff;
	opacity:1 !important;
	border-radius:0;
}
.banner .swiper-pagination-bullet-active{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background:$color !important;
}
.coulm{
	width:100%;
	overflow:hidden;
	background: url(../img/bg.jpg) no-repeat;
	background-position:100% 100%;
	.coulm-main{
		width:93%;
		overflow:hidden;
		margin:0 auto;
		ul{
			width:130%;
			margin:0 auto;
			overflow: hidden;
			padding-top: pe(28px);
			li{
				width:23.5%;
				float:left;
				margin-bottom: pe(30px);
				background: #fff;
				overflow: hidden;
				margin-right: 3.5%;
				padding-top:pe(30px);
				a{
					width:100%;
					height:100%;
					display: block;
					color:#000;
					font-size: pe(28px);
					text-align:center;
					.ico{
						width:100%;
						height:pe(60px);
						text-align:center;
						&.team{
							
							img{
								width:pe(64px);
								height:pe(40px);
								padding-bottom:pe(10px);
								padding-top: pe(10px);			
							}
						}
						&.join{
						
							img{
								width:pe(63px);
								height:pe(46px);
								padding-bottom:pe(14px);
							}
						}
						img{
							width:pe(60px);
							height:pe(60px);
						}
					}
					.text{
						padding-bottom: pe(20px);
					}
				}
			}
		}
	}

}

.movie .pagination {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 15px;
	text-align: center; 
}

.movie .pagination span {
	display: inline-block;
	width:pe(15px) !important;
	height:pe(7px)!important;
	border-radius:pe(15px);
	overflow: hidden;
	margin: 0 2px;
	padding:0;
	background: #e0dede !important;
}
.movie .pagination span.swiper-pagination-bullet-active {
	background:$color !important;
	width:pe(25px) !important; 

}


.movie .swiper-container-horizontal>.swiper-pagination{
	width:15.5%!important;
	// bottom:-1.5rem!important;
	left:40%!important;
}
.movie .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 pe(5px)!important;
	border-radius:0;
}


.movie .swiper-pagination-bullet{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background: #e0dede !important;
	opacity:1 !important;
	border-radius:0;
}
.movie .swiper-pagination-bullet-active{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background:$color !important;
}
.coulm{
	width:100%;
	overflow:hidden;
	background: url(../img/bg.jpg) no-repeat;
	.coulm-main{
		width:93%;
		overflow:hidden;
		margin:0 auto;
		ul{
			width:130%;
			margin:0 auto;
			overflow: hidden;
			padding-top: pe(28px);
			li{
				width:23.5%;
				float:left;
				margin-bottom: pe(30px);
				overflow: hidden;
				margin-right: 3.5%;
				padding-top:pe(30px);
				a{
					width:100%;
					height:100%;
					display: block;
					color:#000;
					font-size: pe(28px);
					text-align:center;
					.ico{
						width:100%;
						height:auto;
						text-align:center;
						img{
							width:pe(60px);
							height:pe(60px);
						}
					}
					.text{
						padding-bottom: pe(20px);
					}
				}
			}
		}
	}

}
.movie{
	width:100%;
	overflow:hidden;
	position:relative;
	padding-bottom:pe(80px);
	background: url(../img/d.jpg) no-repeat;
	background-position: 100% 100%;
	background-size:pe(750px) pe(972px); 
	.movie-cen{
		width:93%;
		margin:0 auto;
		padding-top: pe(40px);
		overflow:hidden;
		.tits{
			width:100%;
			height:auto;
			.tit{
				width:70%;
				float:left;
				height:auto;
				p{
					font-size: pe(36px);
					color:$color;
					span{
						font-size: pe(20px);
						margin-left: pe(8px);
						font-family:Verdana;
						color:#898989;
						@media (min-width:320px) and (max-width:435px){
							font-size: 12px;
						}
					}
				}
			}
			.more{
				width:30%;
				float:right;
				text-align:right;
				a{
					width:100%;
					height:100%;
					display: inline-block;
					padding-top: pe(18px);
					color:$color2;
					font-size: pe(18px);
					@media (min-width:320px) and (max-width:435px){
						font-size: 12px;
					}
				}
			}
		}
		.movie2{
			width:100%;
			height:auto;		 	 
			.swiper-container{
				width:100%;
				height: auto;
				.swiper-wrapper{
					width:100%;
					height: auto;
					position:relative;
					.ajax-box{
					  	display: none;
						position: absolute;
						z-index: 100;
						top: 0;
						left: 0;
						width: 100%;
						background: #000;
						video{
							width:90%;
							height:100%;
							display:block;
							margin:0 auto;
						}
						.close{
							width:pe(50px);
							height:pe(50px);
							background: url(../img/xx.png) no-repeat center center;
							background-size:pe(21px); 
							z-index:10;
							position:absolute;
							top:10px;
							right: 10px;
						}
					}
					.swiper-slide{
						width:100%;
						height:auto;	
						.box{
							width:100%;
							overflow:hidden;
							position:relative;
							img{
								width:100%;	
								height: auto;
							}
							.play{
								position:absolute;
								left:44%;
								top:45%;
								img{
									width:pe(66px);
									height:pe(64px);
								}
							}	
						} 
						.detail_r{
							width:100%;
							height: auto;
							margin-top: pe(75px);
							.tit{
							  color:$color2;
							  font-size:pe(26px);
							  font-weight: bold; 
							  padding-top: pe(30px);
							  background: url(../img/red.png) no-repeat top left;
							}
							.sketh{
								width:100%;
								height:auto;
								padding-top: pe(30px);
								p{
									color:$color2;
									font-size: pe(24px);
								}
							}
						  .see{
							  width: 100px;
							  border-bottom:2px solid $color;
							  font-size: pe(18px);
							  margin-top: pe(55px);
							  padding-bottom:pe(10px);
							  background: url(../img/m.png) no-repeat 90% center;
							  @media (min-width:320px) and (max-width:435px){
								font-size: 12px;
							  }
							  a{
							  	color:$color2;
							  	width:100%;
							  	height:100%;
							  	display:block;
							  }   
							}
						}
					}
				}
				.movie .movie-cen .movie2 .pagination {
					position: absolute;
					left: 0;
					z-index: 1;
					width: 100%;
					height: 15px;
					text-align: center; 
				}
			}
		}
		
	}	
} 
.worksCenter{
	width:100%;
	height:auto;
	background: #e0dede;
	.list{
		width: 80%;
		height: pe(75px);
		background: #fff;
		margin:0 auto;
	   .cr{
		 background: $color;
		 a{
		  color:#fff;
		
		 }
	  }
	  div{
		width:50%;
		height:pe(75px);
		line-height:pe(75px);
		font-size: pe(26px);
		text-align: center;
		float: left;
		 a{
		  color:#000;
		  width: 100%;
		  height: 100%;
		  display: inline-block;
		 } 
	  }
	}
}

.wrap2{
	 	width:100%;
	 	overflow:hidden;
	 	background:url(../img/dd.jpg) no-repeat;
	 	background-position:100% 100%;  
	 	.l{
	 		width:10%;
	 		float:left;
	 		position:relative;
			z-index:10;
	 		background: url(../img/ll.png) no-repeat center center #000;
	 	}
	 	.r{
	 		width:10%;
	 		background: url(../img/lr.png) no-repeat center center #000;
	 		float:right;
	 		position:relative;
			z-index:10;
	 	}
	 	.tv-swiper{
	 		width:80%;
	 		height:auto;
	 		float:right;
	 		margin-bottom:pe(50px);
	 		ul{
	 			width:100%;
	 			// overflow:hidden;
	 			li{
	 				width:100%;
	 				height:auto;
	 				.wrap_main{
	 					width:50%;
	 					height:auto;
	 					float:left;
	 					&.add{
	 						a{
	 							.name2{
	 								background: url(../img/h.jpg) no-repeat !important;
	 								background-size:100% 100% !important; 
	 								color:#fff;
	 								.mn{
	 									background: url(../img/w.png) no-repeat bottom center;
	 								}
	 							}
	 						}
	 					}
	 					a{
	 						width:100%;
	 						height:100%;
	 						display: block;
	 						color:#000;
	 						.photo{
	 							width:100%;
	 							overflow:hidden;
	 							height:auto;
	 							img{
	 								width:100%;
	 								height:auto;
	 							}
	 						}
	 						.name2{
	 							width:100%;
	 							overflow:hidden;	
	 							&.one{
	 								background: url(../img/8.png) no-repeat;
	 								background-size:100% 100%; 
	 								
	 							}
	 							&.two{
	 								background: url(../img/2.png) no-repeat left center;
	 								background-size:100% 100%; 
	 							}
	 							.mn{
	 								padding-top:pe(40px);
									text-align: center;
									padding-bottom:pe(15px);
									background: url(../img/jx.png) no-repeat bottom center;
									font-size: pe(24px);  
	 							}
	 							.time{
	 								text-align:center;
	 								font-family: Arial;
	 								font-size: pe(20px);
	 								padding-top: pe(5px);
	 								padding-bottom:pe(40px);
	 								@media (min-width:320px) and (max-width:435px){
										font-size: 12px;
									}
	 							}
	 						}
	 					}
	 				}
	 			}
	 		}
	 	}
	}  
 .yg{
	font-size: pe(24px);
	color:#000;
	width:93%;
	margin:0 auto;
	padding-top: pe(10px);
	background:url(../img/dd.jpg) no-repeat;
	background-position:100% 100%;  
  }
   .yg_m{
	width: 93%;
	margin:0 auto;
	padding-top: pe(10px);
	height:pe(350px);
	position: relative;
	z-index:100;
	background:url(../img/dd.jpg) no-repeat;
	background-position:100% 100%;  
	 video{
	  width: 100%;
	  height: 100%;
	  display: block;
	 }
  }
  .share{
	width:93%;
	height: pe(40px);
	line-height: pe(40px);
	text-align:right;
	margin:0 auto;
	  span{
		font-size:pe(20px);
		color:$color2;
		height:pe(40px);
		line-height: pe(40px);
		  
	  }
	  .xl{          
		  background: url(../img/sina1.png) no-repeat center center;
	  }
	   .kj{          		
		  background: url(../img/kj2.png) no-repeat center center;
	  }
	  .tx{          
		  background: url(../img/wb1.png) no-repeat center center;
	  }
	  .rr{          
		  background: url(../img/rr2.png) no-repeat center center;
	  }
	   .tq{          
		  background: url(../img/qq2.png) no-repeat center center;
	  }
	   .wxx{          
		  background: url(../img/wx2.png) no-repeat center center;
	  }
	   .tieba{          
		  background: url(../img/tb2.png) no-repeat center center;
	  }
	  .py{          
		  background: url(../img/py2.png) no-repeat center center;
	  }
	  a{
		margin-left:pe(5px);
		cursor: pointer;
		width: pe(25px);
		height:pe(40px);
		vertical-align: top;	
		display:inline-block;
	  }
	  
  }
.drama{
  width:100%;
  overflow:hidden;
  background: url(../img/bg6.jpg) no-repeat;
  background-position:100% 100%; 
  padding-bottom:pe(60px);
   .drama_cen{
	 width:93%;
	 overflow: hidden;
	 margin: 0 auto;
   }
   .wrap2{
	 	width:100%;
	 	overflow:hidden;
	 	.l{
	 		width:10%;
	 		float:left;
	 		position:relative;
			z-index:10;
	 		background: url(../img/ll.png) no-repeat center center $color;
	 	}
	 	.r{
	 		width:10%;
	 		background: url(../img/lr.png) no-repeat center center $color;
	 		float:right;
	 		position:relative;
			z-index:10;
	 	}
	 	.tv-swiper{
	 		width:80%;
	 		height:auto;
	 		float:right;
	 		margin-bottom:pe(50px);
	 		ul{
	 			width:100%;
	 			// overflow:hidden;
	 			li{
	 				width:100%;
	 				height:auto;
	 				.wrap_main{
	 					width:50%;
	 					height:auto;
	 					float:left;
	 					a{
	 						width:100%;
	 						height:100%;
	 						display: block;
	 						color:#000;
	 						.photo{
	 							width:100%;
	 							overflow:hidden;
	 							height:auto;
	 							img{
	 								width:100%;
	 								height:auto;
	 							}
	 						}
	 						.name2{
	 							width:100%;
	 							overflow:hidden;	
	 							&.one{
	 								background: url(../img/8.png) no-repeat right center;
	 								background-size:100% 100%; 
	 							}
	 							&.two{
	 								background: url(../img/2.png) no-repeat left center;
	 								background-size:100% 100%; 
	 							}
	 							.mn{
	 								padding-top:pe(40px);
									text-align: center;
									padding-bottom:pe(15px);
									background: url(../img/jx.png) no-repeat bottom center;
									font-size: pe(24px);  
	 							}
	 							.time{
	 								text-align:center;
	 								font-family: Arial;
	 								font-size: pe(20px);
	 								padding-top: pe(5px);
	 								padding-bottom:pe(40px);
	 								@media (min-width:320px) and (max-width:435px){
										font-size: 12px;
									}
	 							}
	 						}
	 					}
	 				}
	 			}
	 		}
	 	}
	}  
}
.m_detail .Poster_des .corner .swiper-pagination-bullet{
	border-radius:0 !important;
	background: #fff;
	opacity:1;
	display:inline-block;
	margin-right: pe(5px);
}
.m{
	width:100%;
	overflow:hidden;
	background: url(../img/bg5.jpg) no-repeat;
	background-position:100% 100%; 
	background-size:pe(750px) pe(2685px); 
	.m_detail{
		width:93%;
		overflow:hidden;
		padding-top: pe(30px);
		margin:0 auto;
		.poster{
			width:100%;
			height:auto;
			.poster-swiper{
				width:100%;
				height:auto;
				.swiper-wrapper{
					width:100%;
					height:auto;
					.swiper-slide{
						width:100%;
						height:auto;
						.pic{
							width:100%;
							height:auto;
							overflow: hidden;
							img{
								width:100%;
								height: auto;
							}
						}
					}
				}
			}	
		}

	 	.Poster_des{
			width: 100%;
			height:pe(100px);
			  .posterName{
				width:66%;
				float: left;
				padding-left: 4%;
				background: #f1f1f1;
				font-size:pe(24px);
				color:#000;
				line-height:pe(100px);
			  }
			  .corner{
				width:30%;
				height:pe(100px);
				float: left;
				 .cornerl{
				   width:37.5%;
				   height:pe(100px);
				   float: left;
				   background: url(../img/l.png) no-repeat center center #000;
				   background-size: pe(16px) pe(30px); 
				 }
				 .swiper-pagination-bullet-active{
				 	background:$color2;
				 }
				 .swiper-pagination-bullet{
				 	width:pe(10px);
				 	height:pe(10px);
				 	display:inline-block;
				 	border:0 !important;
				 }
				 .conrnercon{
				   width:25%;
				   height:pe(100px);
				   float: left;
				   background: $color;
				   text-align: center;
				   line-height:pe(100px);
				 }
				  .cornerr{   
				   width:37.5%;
				   height:pe(100px);
				   float: right;
				   background: url(../img/y.png) no-repeat center center #000;
				   background-size: pe(16px) pe(30px); 
				 }
			  }
		 }
		.television{
			width:100%;
			overflow:hidden;
			.tit{
				font-size:pe(30px);
				color:$color;
				img{
					width:pe(15px);
					height:pe(15px);
				}
				span{
					font-size:pe(24px);
					color:$color;
				}
			}
			.me{
				font-size:pe(18px);
				color:#000;
				margin-bottom: pe(80px);
				@media (min-width:320px) and (max-width:435px){
					font-size: 12px;
				}
			}
			.staff{
				font-size:pe(24px);
				color:#000;
				label{
					color:$color2;
				}
			}
			.introduction{
				width:100%;
				height:auto;
				margin-top: pe(50px);
				.jq{
					font-size:pe(28px);
					color:#000;
					font-weight: bold;
					margin-bottom: pe(10px);
				}
				.nr{
					font-size:pe(24px);
					color:$color2;
					padding-bottom: pe(50px);
					background: url(../img/r.jpg) no-repeat bottom left;
					background-size:pe(105px) pe(6px); 
				}
				.xia{
					font-size:pe(24px);
					color:$color2;
					margin-top:pe(45px);
				}
			}
			.ph{
				font-size: pe(26px);
				color:#000;
				padding-top: pe(60px);
				font-weight: bold;
				padding-bottom: pe(30px);
			}
			.pho{
				width:100%;
				overflow:hidden;
				padding-bottom: pe(80px);
				.photos{
					width:120%;
					overflow:hidden; 
					li{
						width: 15.4%;
						height:auto;
						margin-right:1.7%;
						overflow:hidden;
						float: left;
						margin-bottom:pe(15px);
						img{
						width: 100%;
						height: auto;
						}
					}
				}
			}
			
		}
	}
}



.drama .pagination,.wrap2 .pagination{
	position: absolute;
	bottom:pe(-30px);
	left: 0;
	z-index: 1;
	width: 100%;
	height: 15px;
	text-align: center; 
}
.person .pagination{
	position: absolute;
	bottom:0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 15px;
	text-align: center; 
}

.drama .pagination span,.wrap2 .pagination span,.person .pagination span{
	display: inline-block;
	width:pe(15px) !important;
	height:pe(7px)!important;
	border-radius:pe(15px);
	overflow: hidden;
	margin: 0 2px;
	padding:0;
	background: #e0dede !important;
}
.drama  .pagination span.swiper-pagination-bullet-active
,.wrap2  .pagination span.swiper-pagination-bullet-active 
,.person .pagination span.swiper-pagination-bullet-active{
	background:$color !important;
	width:pe(25px) !important; 

}


.drama .swiper-container-horizontal>.swiper-pagination,
.wrap2 .swiper-container-horizontal>.swiper-pagination,
.person .swiper-container-horizontal>.swiper-pagination{
	width:15.5%!important;
	// bottom:-1.5rem!important;
	left:40%!important;
}
.drama  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet,
.wrap2  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet,
.person  .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 pe(5px)!important;
	border-radius:0;
}


.drama  .swiper-pagination-bullet,
.wrap2  .swiper-pagination-bullet,
.person  .swiper-pagination-bullet{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background: #e0dede !important;
	opacity:1 !important;
	border-radius:0;
}
.drama  .swiper-pagination-bullet-active,
.wrap2  .swiper-pagination-bullet-active,
.person  .swiper-pagination-bullet-active{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background:$color !important;
}
.news .pagination {
	position: absolute;
	bottom:pe(10px);
	left: 0;
	z-index: 1;
	width: 100%;
	height: 15px;
	text-align: center; 
}

.news .pagination span {
	display: inline-block;
	width:pe(15px) !important;
	height:pe(7px)!important;
	border-radius:pe(15px);
	overflow: hidden;
	margin: 0 2px;
	padding:0;
	background: #e0dede !important;
}
.news .pagination span.swiper-pagination-bullet-active {
	background:$color !important;
	width:pe(25px) !important; 

}


.news .swiper-container-horizontal>.swiper-pagination{
	width:15.5%!important;
	// bottom:-1.5rem!important;
	left:40%!important;
}
.news .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 pe(5px)!important;
	border-radius:0;
}


.news .swiper-pagination-bullet{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background: #e0dede !important;
	opacity:1 !important;
	border-radius:0;
}
.news .swiper-pagination-bullet-active{
	width: pe(26px)!important;
	height:pe(5px)!important;
	display: inline-block;
	background:$color !important;
}
.news{
	width:100%;
	overflow:hidden;
	padding-bottom: pe(50px);
	background: url(../img/bg6.jpg) no-repeat;
    background-position:100% 100%; 
	.news_cen{
		width:93%;
		margin:0 auto;
		overflow:hidden;
		.swiper-container{
			width:100%;
			height:auto;
			.swiper-wrapper{
				width:100%;
				height:auto;
				.swiper-slide{
					width:100%;
					height:auto;
					padding-bottom: pe(30px);

					a{
						width:100%;
						height:100%;
						display: block;
						.pic{
							width:100%;
							margin-top: pe(10px);
							height:auto;
							overflow:hidden;
							img{
								width:100%;
								height:auto;
							}
						}
						.mx_r{
							width:86%;
							padding:pe(50px) 7% 0 7%;
							height:auto;
							padding-bottom:pe(70px);
							background: url(../img/he.jpg) no-repeat right center #dedcdc;
							background-size:pe(700px) pe(377px); 
							.cf{
								 background: url(../img/bb.png) no-repeat bottom left;
								 font-size: pe(26px);
								 padding-bottom:pe(10px);
								 color:$color;
								 span{
								 	font-size: pe(30px);
								 	color: #000;
								 	font-weight: bold;
								 	float:right;
								 }
							} 
							.dtal{
								font-size: pe(24px);
								color:$color2;
								padding-top: pe(30px);
							}
							.more{
								width:16.6%;
								height:pe(35px);
								background: url(../img/more.png) no-repeat center center;
								border:1px solid $color2;
								border-radius:pe(10px);
								margin-top: pe(40px);
								
							}
						}
					}
				}
			}
		}
	}
}
.footer{
	width:100%;
	overflow:hidden;
	.ft{
		width:100%;
		overflow:hidden;
		background: url(../img/footer.jpg) no-repeat;
		background-size:100% 100%; 
		ul{
			width:100%;
			height:auto;
			// background: #000;
			li{
				width:93%;
				margin:0 3.5%;
				height:auto;
				border-bottom:1px solid #3c3c3c;

				>a{
					width:100%;
					height:pe(60px);
					line-height: pe(60px);
					display:block;
					background: url(../img/j.png) no-repeat right center;
					background-size:pe(30px); 
					font-size: pe(22px);
					color:#fff;
					@media (min-width:320px) and (max-width:435px){
						font-size: 12px;
					}
					// &.no{
					// 	background:none !important;
					// }
				}
				.slider{
					width:100%;
					display:none;
					height:auto;
					a{
						width:100%;
						height:pe(50px);
						display:block;
						font-size: pe(18px);
						color:#999;
						@media (min-width:320px) and (max-width:435px){
							font-size: 12px;
						}
					}
				}
			}
		}
		.wx{
			color:#999;
			width:96.5%;
			padding-top:pe(20px);
			font-size: pe(22px);
			color:#fff;
			padding-left: 3.5%;
			padding-bottom:pe(40px);
			img{
				width:pe(36px);
				height:pe(36px);
				margin-right:pe(15px);
			}
		}
	}
	
	.foot{
		width:100%;
		background:url(../img/foot2.jpg) no-repeat;
		background-size:100% 100%; 
		padding-top:pe(55px);
		overflow:hidden;
		padding-bottom: pe(50px);
		.ab{
			width:76%;
			padding-bottom:pe(45px); 
			height:auto;
			text-align:center;
			margin:0 auto;
			font-size: pe(22px);
			border-bottom:1px solid #b73037;
			@media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
			a{
				color:#fff;
			}
			span{
				color:#b73037;
				padding:0 pe(20px);
			}
		}
		.copyright{
			color:#fff;
			padding-top: pe(20px);
			text-align:center;
			font-size: pe(18px);
			@media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
		}
		.friendship{
			text-align:center;
			font-size: pe(18px);
			@media (min-width:320px) and (max-width:435px){
				font-size: 12px;
			}
			a{
				color:#fff;
			}
		}
		.our{
			text-align: center;
			font-size: pe(18px);
			padding-top: pe(15px);
			span{
				color:#b73037;
				padding:0 pe(20px);
			}
			a{
				color:#fff;
			}
		}
	}
}
.mask{
	width:100%;
	background: #000;
	opacity:0.6;
	position:absolute;
	left:0;
	display:none;
	top:0;
	z-index:30;
}
.code{
	position:fixed;
	top:50%;
	left:50%;
	z-index:30;
	display:none;
	margin-left:-100px;
	margin-top:-100px; 	 	
	img{
		width:200px;
		height:200px;
	}
	.close{
		width:pe(100px);
		height:pe(100px);
		background: url(../img/xx.png) no-repeat center center;
		background-size:pe(50px); 
		position:absolute;
		z-index:20;
		top:-58px;
		right: -39px;						
	}
}
.nav-con {
  display: none;
  position: fixed;
  top:0;
  bottom: 0rem;
  left: 0;
  right: 0;
  background:#067bc1;
  background:rgba(0, 0, 0, 0.5);
  z-index: 129; 
}
.nav-con nav {
    float: right;
    background:$color;
    width:50%;
    height:100%;
}
   
.nav-con nav dl dd ul li {
  width: 100%;
  border-bottom:1px solid #ca6065;
 }
.nav-con nav dl dd ul li span {
	width: 100%;
	font-size: pe(26px);
	color: #fff;
	text-align:center;
	display: block;
	padding: pe(10px) 0; 
}
.nav-con nav dl dd ul li span a {
  color: #fff;
  width: 100%;
  display: block;
  text-align:left;
  padding-left:15%;
}
.nav-con nav dl dd ul .heibg .open {
  width:90%!important;
  padding: pe(10px) 5%!important;
  margin: 0 auto!important;
  color: #fff!important;
  font-size:pe(24px)!important;
}

    
.nav-con nav dl dd ul li span.sp0 {
  /*background: url(../img/na_1.jpg) right no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: 4rem 1.5rem;*/
  background:none!important;
  width:90%;
  margin: 0 auto;
  text-align: left;
  color:#000;
  padding:0; 
}
.nav-con nav dl dd ul li span.sp0 a{
	padding-top:5px;
	padding-bottom:5px;
}
.nav-con nav dl dd ul li span.sp0 img {
  width:pe(30px);
  height:pe(30px);
  float: right;
  margin-top: pe(10px);
  margin-right: pe(10px);
}

         
.nav-con nav dl dd ul li span.sp2 {
  background: url(../img/xa.png) right no-repeat;
  background-size: pe(25px) pe(16px);
  width: 90%;
  margin: 0 auto;
  text-align: left;
  color:#000; 
}
.nav-con nav dl dd ul li .nav-box {
background:#9c161c;
text-align: center;
display: none; }
.nav-con nav dl dd ul li .nav-box a {
  display: block;
  font-size: pe(24px);
  color: #fff;
  padding: pe(5px) 20%;
  width:85%;
  margin:0 auto;
  border-top:1px solid #ca6065;
  text-align:left;
}
.nav-con ul li {
	clear: both; 
}
.nav-con nav dl dd ul li span.open{
	background: url(../img/sa.png) right no-repeat;
	background-size: pe(25px) pe(16px);
}

.down_xb {
  background:#fff; 
  border:none !important;
}